<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<style>
  /* 表格样式--奇数行背景为淡色，偶数行背景为浅色 */

  table {
    border-collapse: collapse;
    width: 100%;
  }

  th, td {
    text-align: center;
    padding: 8px;
    border: 1px solid #ddd;
  }

  th {
    background-color: #f2f2f2;
  }

  tr:nth-child(even) {
    background-color: #f2f2f2;
  }

  tr:nth-child(odd) {
    background-color: #fff;
  }
  
  tr:hover {
    background-color: yellow;
  }
</style>

<body>
  <!-- 表格 -->
  <table>
    <thead>
      <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
        <th>电话</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>张三</td>
        <td>25</td>
        <td>男</td>
        <td>13812345678</td>
      </tr>
      <tr>
        <td>李四</td>
        <td>23</td>
        <td>女</td>
        <td>13812345679</td>
      </tr>
      <tr>
        <td>王五</td>
        <td>22</td>
        <td>男</td>
        <td>13812345680</td>
      </tr>
    </tbody>
  </table>
  
</body>
</html>